/* 不同屏幕 */

@media only screen and (max-width: 1080px),
only screen and (max-device-width:1080px) {

  html,
  body {
    font-size: 168.75px;
  }
}

@media only screen and (max-width: 960px),
only screen and (max-device-width:960px) {

  html,
  body {
    font-size: 150px;
  }
}

@media only screen and (max-width: 800px),
only screen and (max-device-width:800px) {

  html,
  body {
    font-size: 125px;
  }
}

@media only screen and (max-width: 720px),
only screen and (max-device-width:720px) {

  html,
  body {
    font-size: 112.5px;
  }
}

@media only screen and (max-width: 640px),
only screen and (max-device-width:640px) {

  html,
  body {
    font-size: 100px;
  }
}

@media only screen and (max-width: 600px),
only screen and (max-device-width:600px) {

  html,
  body {
    font-size: 93.75px;
  }
}

@media only screen and (max-width: 540px),
only screen and (max-device-width:540px) {

  html,
  body {
    font-size: 84.375px;
  }
}

@media only screen and (max-width: 480px),
only screen and (max-device-width:480px) {

  html,
  body {
    font-size: 75px;
  }
}

@media only screen and (max-width: 414px),
only screen and (max-device-width:414px) {

  html,
  body {
    font-size: 64.6875px;
  }
}

@media only screen and (max-width: 400px),
only screen and (max-device-width:400px) {

  html,
  body {
    font-size: 62.5px;
  }
}

@media only screen and (max-width: 375px),
only screen and (max-device-width:375px) {

  html,
  body {
    font-size: 58.59375px;
  }
}

@media only screen and (max-width: 360px),
only screen and (max-device-width:360px) {

  html,
  body {
    font-size: 56.25px;
  }
}

@media only screen and (max-width: 320px),
only screen and (max-device-width:320px) {

  html,
  body {
    font-size: 50px;
  }
}

@media only screen and (max-width: 240px),
only screen and (max-device-width:240px) {

  html,
  body {
    font-size: 37.5px;
  }
}